<template>
	<view class="repair-wrap">
		<view class="repair-box">
			<view class="header">
				<view class="listBox">
					<view class="listStyle">姓名</view>
					<view>{{ ownerData.user_name }}</view>
				</view>
			</view>
			<view class="header">
				<view class="listBox">
					<view class="listStyle">电话</view>
					<view>{{ ownerData.user_tel }}</view>
				</view>
			</view>
			<view class="header">
				<view class="listBox">
					<view class="listStyle">性别</view>
					<view>{{ ownerData.user_sex ? '男' : '女' }}</view>
				</view>
			</view>
			<view class="header">
				<view class="listBox">
					<view class="listStyle">民族</view>
					<view>{{ ownerData.user_nation }}</view>
				</view>
			</view>
			<view class="header">
				<view class="listBox">
					<view class="listStyle">年龄</view>
					<view>{{ ownerData.age }}</view>
				</view>
			</view>
			<view class="header">
				<view class="listBox">
					<view class="listStyle">邮箱</view>
					<view>{{ ownerData.user_email }}</view>
				</view>
			</view>
			<view class="header">
				<view class="listBox">
					<view class="listStyle">身份证号</view>
					<view>{{ ownerData.user_card_code }}</view>
				</view>
			</view>
			<!-- <button class="fanhui" @click="fanBtn">返回</button> -->

			<!-- <view style="width: 88%;margin:auto;"> -->
			<!-- <view class="header-li">
					<view style="width: 98px;">
						<view style="margin-top: -8px;">姓名</view>
					</view>
					<view class="input1">
						<u-input placeholder="请输入姓名" />
					</view>
				</view>
				<view class="header-li">
					<view style="width: 98px;">
						<view>性别</view>
					</view>
					<picker value="index">
						<view class="form-select">请选择</view>
					</picker>
				</view>
				<view class="header-li">
					<view style="width: 98px;">
						<view style="margin-top: -8px;">民族</view>
					</view>
					<view class="input1">
						<u-input placeholder="请输入民族" />
					</view>
				</view>
				<view class="header-li">
					<view style="width: 98px;">
						<view style="margin-top: -8px;">年龄</view>
					</view>
					<view class="input1">
						<u-input placeholder="请输入年龄" />
					</view>
				</view>
				<view class="header-li">
					<view style="width: 98px;">
						<view style="margin-top: -8px;">身份证</view>
					</view>
					<view class="input1">
						<u-input placeholder="请输入身份证" />
					</view>
				</view>
				<view class="header-li">
					<view style="width: 98px;">
						<view style="margin-top: -8px;">电话</view>
					</view>
					<view class="input1">
						<u-input placeholder="请输入电话" />
					</view>
				</view>
				<view class="header-li">
					<view style="width: 98px;">
						<view style="margin-top: -8px;">职业</view>
					</view>
					<view class="input1">
						<u-input placeholder="请输入职业" />
					</view>
				</view>
			</view>
			<view style="margin-top: 30px;padding-bottom: 20px;">
				<button class="yilingqu">确认提交</button>
			</view> -->
		</view>
		<view class="bill-deta-btn">
			<button @click="fanBtn" class="yilingqu">返回</button>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			type: 1,
			index: 0,
			array: ['分类', '分类二'],
			inday: 0,
			ruleForm: {
				renType: null
			},
			indexList: true,
			ownerData: {}
		}
	},
	onShow() {
		;(this.homelist = uni.getStorageSync('hourseList')[uni.getStorageSync('hourseNum') || 0]),
			console.log(this.homelist)
		this.getOwner()
	},
	methods: {
		// 返回按钮
		fanBtn() {
			uni.navigateTo({
				url: '/my/information/informationindex'
			})
		},
		//获取业主详情信息
		getOwner() {
			this.$request.api
				.getinfoList({
					room_id: this.homelist.roomId
				})
				.then((res) => {
					this.ownerData = res.data.data
				})
		},

		checked(index) {
			this.isActive = index
		},
		newly() {
			uni.navigateTo({
				url: '/privateMsg/clap/homepageClap'
			})
		},
		shouList() {
			this.indexList = !this.indexList
		}
	}
}
</script>

<style lang="scss" scoped>
.repair-wrap {
	width: 100%;
	// height: 100vh;
	// min-height: 100vh;
	// height: auto;
	// background: #999999;
	// overflow: hidden;
	.repair-box {
		// background: #fff;

		.repair-titel {
			height: 44rpx;
			line-height: 44rpx;

			.repair-titel-l {
				float: left;
			}

			.repair-titel-r {
				float: right;
				color: #999;
			}
		}

		.repair-6 {
			color: #666;
		}
	}
}
.bill-deta-btn {
	width: 100%;
	margin-top: 30rpx;
	.yilingqu {
		width: 80%;
		height: 84rpx;
		// background:#F9A832;
		// background-color: #F9A832;
		background: linear-gradient(180deg, #76d904 0%, #417505 100%);
		border-radius: 44rpx;
		line-height: 84rpx;
		color: #ffffff;
		text-align: center;
		font-size: 32rpx;
	}
}
.header-li {
	display: flex;
	// align-items: center;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	line-height: 102rpx;
	color: #333333;
	border-bottom: 1rpx solid #eeeeee;
}

.header-name {
	width: 186rpx;
}
.form-select {
	width: 480rpx;
	background: url(https://clhy-img.oss-cn-beijing.aliyuncs.com/ownerImage/right.png) no-repeat center right;
	background-size: 10rpx 17rpx;
}
.yilingqu {
	width: 80%;
	height: 84rpx;
	background: #f9a832;
	background-color: #f9a832;
	border-radius: 44rpx;
	line-height: 84rpx;
	color: #ffffff;
	text-align: center;
	font-size: 32rpx;
}
.repair-box {
	border-top: 1px solid #f7f8f9;
	background-color: #ffffff;
	margin-top: 10px;
}
.listStyle {
	font-weight: 550;
	color: #999;
	font-size: 16px;
}
.listBox {
	display: flex;
	padding: 0 25px;
	justify-content: space-between;
}
.header {
	width: 88%;
	margin: auto;
	padding: 16px 0px;
	border-bottom: 1px solid #f0f0f0;
}
</style>
